@layout("/common/_container.html",{js:["/assets/order/orderTransport/orderTransport.js"]}){

<script src="/assets/excel/xlsx.full.min.js"></script>
<!--<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>-->


<div class="layui-body-header">
    <span class="layui-body-header-title">Transportation Order Management</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
		                    <div class="layui-inline">
		                        <select id="operateId">
		                            <option value="">Select Project Department</option>
		                            @for(item in basicOperatelist!){
		                            <option value="${item.id}">${item.operateName}</option>
		                            @}
		                        </select>
		                    </div>
		                    <div class="layui-inline">
		                        <select id="customerId">
		                            <option value="">Select Customer</option>
		                            @for(item in basicCustomerList!){
		                            <option value="${item.id}">${item.customerName}</option>
		                            @}
		                        </select>
		                    </div>
		            <div class="layui-inline">
                				<input id="condition" class="layui-input" type="text" placeholder="Transport Order No./Customer Order No."/>
		            </div>
		            <div class="layui-inline">
		                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
		                <button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>Add</button>
<!--		                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>Export</button>-->
                                @if(shiro.hasPermission("/orderTransport/export")){
                                    <button id="btnExp2" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>Export</button>
                                @}
                                <button id="btnExpimport" class="layui-btn icon-btn"><i class="layui-icon">&#xe67c;</i>Import Excel</button>
		                <!-- <button id="btnExpimportXlb" class="layui-btn icon-btn"><i class="layui-icon">&#xe67c;</i>Import XinLingBang Picking Data Summary Excel</button> -->
<!--		                	<button id="pullxlbStoragetask" class="layui-btn icon-btn"><i class="layui-icon">&#xe601;</i>Pull XinLingBang Picking Tasks</button>-->
		                <button id="btnSubmission" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe642;</i>Batch Submit</button>
		                <button id="btnTovoid" class="layui-btn layui-btn-danger"><i class="layui-icon">&#x1006;</i>Batch Void</button>
		            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="orderTransportTable" lay-filter="orderTransportTable"></table>
                    <table class="layui-table" id="orderTransportDetailedTable" lay-filter="orderTransportDetailedTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<input id="transportNumber" type="hidden">

<script type="text/html" id="tableBar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">Edit</a>
</script>

<script type="text/html" id="tableBarDetailed">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="editDetailed">Edit</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="deleteDetailed">Delete</a>
</script>

<script type="text/html" id="toolbarfromDetailed">
            <div class="layui-inline">
                <input id="condition2" class="layui-input" type="text" placeholder="Product Name, Code, Item No."/>
            </div>
            <div class="layui-inline">
                <button id="btnSearchDetailed" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
                <button id="btnAddDetailed" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>Add Detail</button>
            </div>
</script>
<script type="text/html" id="tstateTpl">
  {{#  if(d.tstate === 'REJECTED'){ }}
    <span style="color: #ff0033;">{{ d.tstate }}<i class="layui-icon">&#xe615;</i></span>
  {{#  } else { }}
    {{ d.tstate }}
  {{#  } }}
</script>



@}